import styled from "styled-components";

export const StyleTarbar = styled.ul`
  width: 100%;
  height: 0.49rem;
  background: #fff;
  position: fixed;
  display: flex;
  z-index: 999;
  bottom: 0;
`;

export const StyleTarbarItem = styled.li`
  width: 100%;
  height: 0.49rem;
  background: #fff;
  flex: 1;
  text-align: center;
`;

export const StyleHeader = styled.div`
  display: flex;
  position: fixed;
  top: 0;
  width: 100%;
  height: 0.4rem;
  background: white;
  z-index: 1000;
  .zhanwei {
    width: 15%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .area {
    display: flex;
    width: 15%;
    padding-left: 0.15rem;
    line-height: 0.4rem;
    align-items: center;
    .city {
      flex: 1;
    }
  }
  .title {
    flex: 1;
    text-align: center;
    font-size: 0.2rem;
    line-height: 0.4rem;
  }
`;
